<!--组件-预期年化收益-->
<template>
  <div class="year bg2">
    <text class="font28 text2">{{T('预期年化收益')}}</text>
    <div class="all"></div>
    <text :class="['font32', isShow ? config.upDownFont(yearIncome) : 'udRed-t1']">{{yearIncome+'%'}}</text>
  </div>
</template>

<script>

import config from "@/_js/config";

import I18N from "@/_i18n/i18n";
var T = I18N.t;

export default {
  props:{
    yearIncome: String, //年化
  },

  data() {
    return {
      T:T,
      config:config,

      isShow:false,
    };
  },

  mounted(){
    config.init(()=>{
      this.isShow = true;
    },[config.OPT_UP_DOWN]);
  },


  methods:{
  }
}
</script>



<style src="@/_css/style.css"></style>
<style scoped>
.year {
  flex-direction: row;
  align-items: center;
  height: 108px;
  border-radius: 16px;

  padding-left: 40px;
  padding-right: 40px;
}
</style>
